<ion-header>
  <ion-toolbar>
    <ion-button (click)="back()" fill="clear" slot="start">
      <ion-icon slot="start" name="chevron-back-outline"></ion-icon>
    </ion-button>
    <ion-title>删除书籍</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-grid fixed *ngIf="res">
    <ion-row>
      <ion-col
        size="4"
        *ngFor="let item of res.results; let i=index"
        (click)="delect(item.title)"
        style="text-align: center;background-color:cornsilk;"
      >
        <div>
          <img
            [src]="item.cover"
            alt=""
            style="width: 5em;border-radius: 0.2em;margin: 0.5em;"
          />
          <p style="margin-top: -0.1em;">{{item.title}}</p>
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
